{% extends "base.html" %}

{% block container %}
<div id="perspective" class="perspective effect-airbnb modalview ">
    <div class="main-wrapper">
        <div class="main-content"  >
            <header class="bg-white style2 pt-3 pb-0 bg-home">
                <div class="row">
                    <div class="col-sm-4 text-left pos-top">
                        <a href="#" class="menu-btn mt-0" id="sidebar-right"><span></span></a>
                    </div>
                    <div class="col-sm-4 text-center pos-top">
                        <a href="#" class="logo d-block mt-1"><img src="static/image/logo.png" alt=""></a>
                    </div>
                </div>
            </header>

            <div class="preloader-wrap p-3">
                <div class="box shimmer">
                    <div class="lines">
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                    </div>
                </div>
                <div class="box shimmer mb-3">
                    <div class="lines">
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                    </div>
                </div>
            </div>

            <div class="app-body p-4">
            </div>
        </div>
        <nav class="navigation style6 style1">
            <div class="container pl-0 pr-0">
                <div class="nav-content" style="background-color: #fff;" id="nav-main">
                </div>
            </div>
        </nav>
    </div>
    <nav class="outer-nav left vertical ">
        <header class="bg-tranparent style2 mt-3 pb-0 bg-home">
            <div class="row">
                <div class="col-sm-4 text-left pos-top">
                    <a href="#" class="menu-btn mt-0" id="close-sidebar"></a>
                </div>
            </div>
        </header>
        <ul class="nav-item"> 
            <li class="menu-text text-left" id="sidebar-main">
            </li>
            <li><a href="/notice"><i class="ti-bell"></i>通知</a></li>
            <li><a href="/about"><i class="ti-more"></i>关于我们</a></li>
            <li class="flex-lg-brackets"><a href="/settings"><i class="ti-settings"></i>设置</a></li>
            <li><a href="/logout"><i class="ti-lock"></i>登出</a></li>
        </ul>
    </nav>
</div>
{% endblock %}